﻿$("#main_2_bot li").mouseover(function () {
    var index = $(this).index();
    $("#main_2_bot li:nth-child(" + (index + 1) + ")>div").stop().animate({ "height": 240 }, 200);
    $("#main_2_bot li:nth-child(" + (index + 1) + ")>div p:first-child").delay("slow").css({ "margin-top":"50px","font-size":"18px"});
})
$("#main_2_bot li").mouseout(function () {
    var index = $(this).index();
    $("#main_2_bot li:nth-child(" + (index + 1) + ")>div").stop().animate({ "height": 38 }, 200);
    $("#main_2_bot li:nth-child(" + (index + 1) + ")>div p:first-child").delay("slow").css({ "margin-top":"0","font-size": "14px" });
})

//案例展示 左右切换
var i = 0, liLen = $('#main_3 ul li').length;
$('#main_3_next').click(function () {
    i++;
    i = i > (liLen - 4) ? liLen - 4 : i;
    $('#main_3 ul').stop().animate({ 'margin-left': -258 * i }, 500);
});

$('#main_3_prev').click(function () {
    i--;
    i = i < 1 ? 0 : i;
    $('#main_3 ul').stop().animate({ 'margin-left': -258 * i }, 500);
});

window.onload = function () {
    $('#main_3 ul li').each(function () {
        var height = $(this).find("img").height();
        var top;
        if (height < 280) {
            top = (280 - height) / 2;
            $(this).find("img").css("top", top);
        } else {
        }
    })
}



//轮播图
//轮播图方法
//
// @ wid    int   图片li的宽度
// @ speed  int   每次移动时间间隔(单位：ms)
// @ id     char  轮播模块的id //格式：#id{ul(图)+ol(点)}//div定宽，ul要足够宽
// @ cls    char  ol点的class名称
// @ unit   char  单位(默认px)
function roll(wid, speed, id, cls, unit) {
    var num = $('#' + id + '>ul>li').length;
    $('#' + id + '>ul').append($('#' + id + '>ul>li').eq(0).clone());
    var t, t1, ck = true, i = 0;
    function run(n) {
        $('#' + id + ' ul').stop().animate({ 'margin-left': -n * wid + unit }, 500);
        $('#' + id + ' ol li').eq(n).addClass(cls).siblings().removeClass(cls);
    }
    function timer(space) {
        t = setInterval(function () {
            i++;
            if (i > num) {
                $('#' + id + ' ul').css('margin-left', 0);
                i = 1;
            }
            $('#' + id + ' ol li').eq(0).addClass(cls).siblings().removeClass(cls);
            run(i);
        }, space);
    }
    ;
    timer(speed);
    $('#' + id + ' ol li').hover(function () {
        var ol_li = $(this);
        ck = false;
        clearInterval(t);
        t1 = setTimeout(function () {
            ck = true;
            if (ck) {
                ol_li.addClass(cls).siblings().removeClass(cls);
                $('#' + id + ' ul').stop().animate({ 'margin-left': -ol_li.index() * wid + unit }, 500);
                i = ol_li.index();
            }
        }, 100);
    }, function () {
        timer(speed);
    });
}

//轮播图调用
roll(1920, 5000, 'banner', 'banner_ol', 'px');


var eq = 0;//当前第几页
    var url = location.href;
    console.log(url);
    if (url.match(/core/g)) {
        eq = 1;
    } else if (url.match(/case/g)){
        eq = 2;
    } else if (url.match(/template/g)) {
        eq = 3;
    } else if (url.match(/news/g)) {
        eq = 4;
    } else if (url.match(/rssapi/g)) {
        eq = 5;
    } else if (url.match(/about/g)) {
        eq = 6;
    } else{
        eq = 0;
    }

    $('#list_line').css("left",390 + 77 * eq+"px");
    var index = 0;//初始位置为0
    (function ($) {
        $('#list_con ul li').hover(function () {
            index = $(this).index();//鼠标hover li标签时，获取当前的index
        });
        $.fn.hoverDelay = function (options) {
            var defaults = {
                // 鼠标经过的延时时间
                hoverDuring: 200,
                // 鼠标移出的延时时间
                outDuring: 500,
                // 鼠标经过执行的方法
                hoverEvent: function () {
                    // 设置为空函数，绑定的时候由使用者定义
                    $.noop();
                },
                // 鼠标移出执行的方法
                outEvent: function () {
                    $.noop();
                }
            };
            var sets = $.extend(defaults, options || {});
            var hoverTimer, outTimer;
            return $(this).each(function () {
                $(this).hover(function () {
                    // 清除定时器
                    clearTimeout(outTimer);
                    hoverTimer = setTimeout(sets.hoverEvent, sets.hoverDuring);
                }, function () {
                    clearTimeout(hoverTimer);
                    outTimer = setTimeout(sets.outEvent, sets.outDuring);
                });
            });
        }
    })(jQuery);

    // 具体使用，给id为“#test”（本例为下行的li标签）的元素添加hoverEvent事件
    $("#list_con ul li").hoverDelay({
        // 自定义，outEvent同
        hoverEvent: function () {
            var left = 390 + 77 * index;//给要随之移动的对象计算位置
            $('#list_line').animate({ "left": left }, 300);
        },
        outEvent: function () {
            $('#list_line').animate({ "left": 390+77*eq }, 300);
        }
    });